<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>诺心蛋糕首页</title>
	<link rel="stylesheet" href="style.css">
	<link rel="shortcut icon" href="images/nuoxin_03.png" type="image/x-icon">
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div>
			<p>
				<a href="http://cuoweidemengmei.gitee.io/denglu">登录</a>
				<span>/</span>
				<a href="#">注册</a>
			</p>
			<p>
				<i></i>
				<a href="#">微信</a>
			</p>
		</div>
		<!-- <p>
			<img src="images/qr_code_top.png" alt="">
		</p> -->
	</div>
	<!-- 导航 -->
	<div class="nav">
		<div>
			<!-- /*nav左面*/ -->
			<div class="nav_left">
			<i></i>
			<a href="#">上海</a>
			<a href="#">查询地址是否可配送</a>
			</div>
			<!-- nav中间 -->
			<div class="nav_center">
				<img src="images/logo_new.png" alt="">
			</div>
			<!-- nav右面 -->
			<div class="nav_right">
			<p>
				<input type="text" placeholder="雪域牛乳芝士">
			</p>
			<p>
				<i></i>
			</p>
			<p>
				<i></i>
			</p>
			</div>
		</div>
		<div class="nav_bottom">
			<ul>
				<li>
					<a href="http://cuoweidemengmei.gitee.io/nuoxindangaoshouye">首页</a>
				</li>
				<li>
					<a href="http://cuoweidemengmei.gitee.io/dangao">蛋糕</a>
				</li>
				<li>
					<a href="http://cuoweidemengmei.gitee.io/lipin">礼品</a>
				</li>
				<li>
					<a href="http://cuoweidemengmei.gitee.io/qiyezhuanqu">企业专区</a>
				</li>
				<li>
					<a href="#">我的诺心</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 轮播 -->
	<div class="banner">
		<div class="banner_top">
			<ul>
				<li>
					<img src="images/6C96343104BB7E9038B6319964CD6861.jpg" alt="">
				</li>
				<li>
					<img src="images/18BD2190124786B9FCAC98E3664C155D.jpg" alt="">
				</li>
				<li>
					<img src="images/A73D854DFFBFA6E7258D05ED6AB3CEF8.jpg" alt="">
				</li>
			</ul>
		</div>
		<div class="banner_bottom">
			<div>
				<div class="banner_bottom1">
					<span>
						<img src="images/8440D05EB0C753AC6D67B1CC81043135.jpg" alt="">
					</span>
					<span>
						<img src="images/AA9C8E8AF74332D0203EC393A53A5A37.jpg" alt="">
					</span>
				</div>
				<div class="banner_bottom2">
					<ul>
						<li>
							<img src="images/list_10800_o.jpg" alt="">
							<p>
								<a href="#">雪域牛乳芝士蛋糕</a>
							</p>
							<p>人气爆棚</p>
							<p>¥198</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
						<li>
							<img src="images/list_16196.jpg" alt="">
							<p>
								<a href="#">数字蛋糕</a>
							</p>
							<p>NEW</p>
							<p>¥198</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
						<li>
							<img src="images/list_15474.jpg" alt="">
							<p>
								<a href="#">美刀刀蛋糕</a>
							</p>
							<p>人气爆棚</p>
							<p>¥298</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
						<li>
							<img src="images/list_12602.jpg" alt="">
							<p>
								<a href="#">环游世界·春夏季蛋糕</a>
							</p>
							<p>人气爆棚</p>
							<p>¥218</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
					</ul>
					<ul>
						<li>
							<img src="images/tp6_03.png" alt="">
							<p>
								<a href="#">彩虹千层蛋糕</a>
							</p>
							<p>NEW</p>
							<p>¥318</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
						<li>
							<img src="images/tp6_05.png" alt="">
							<p>
								<a href="#">提拉米苏乐脆蛋糕</a>
							</p>
							<p>人气爆棚</p>
							<p>¥198</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
						<li>
							<img src="images/tp6_07.png" alt="">
							<p>
								<a href="#">诺心花园·夏至蛋糕</a>
							</p>
							<p>人气爆棚</p>
							<p>¥218</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
						<li>
							<img src="images/tp6_09.png" alt="">
							<p>
								<a href="#">雪域蓝莓芝士蛋糕</a>
							</p>
							<p>HOT</p>
							<p>¥198</p>
							<p>
								<a href="#">加入购物车></a>
							</p>
						</li>
					</ul>
				</div>
				<p>
					<a href="#">更多蛋糕></a>
				</p>
				<img src="images/qr_code_top.png" alt="">
				<div class="nav1">
					<ul>
						<li>
							<a href="#">企业采购</a>
						</li>
						<li>
							<a href="#">大客户区</a>
						</li>
						<li>
							<a href="#">福利券区</a>
						</li>
						<li>
							<a href="#">银行专区</a>
						</li>
						<li>
							<a href="#">小食盒区</a>
						</li>
					</ul>
				</div>
				<div class="nav2">
					<ul>
						<li>
							<a href="#">LECLUB</a>
						</li>
						<li>
							<a href="#">我的订单</a>
						</li>
						<li>
							<a href="#">找回密码</a>
						</li>
						<li>
							<a href="#">礼卡专区</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 主体内容 -->
	<div class="main">
		<img src="images/toast.jpg" alt="">
		<!-- 吐司馆 -->
		<div class="main_bottom">
			<ul>
				<li>
					<img src="images/tp7_03.png" alt="">
					<p>
						<a href="#">熊抱原味匠心吐司（半条）</a>
					</p>
					<p>金牌吐司</p>
					<p>¥58</p>
					<p>
						<a href="#">加入购物车</a>
					</p>
				</li>
				<li>
					<img src="images/tp7_05.png" alt="">
					<p>
						<a href="#">熊抱吐司超值套餐</a>
					</p>
					<p>周周配</p>
					<p>¥108</p>
					<p>
						<a href="#">加入购物车</a>
					</p>
				</li>
				<li>
					<img src="images/tp7_07.png" alt="">
					<p>
						<a href="#">熊抱吐司经典套餐</a>
					</p>
					<p>周周配</p>
					<p>¥198</p>
					<p>
						<a href="#">加入购物车</a>
					</p>
				</li>
				<li>
					<img src="images/tp7_09.png" alt="">
					<p>
						<a href="#">熊抱吐司尊享套餐</a>
					</p>
					<p>周周配</p>
					<p>¥298</p>
					<p>
						<a href="#">加入购物车</a>
					</p>
				</li>
			</ul>
			<p>
				<a href="#">更多吐司></a>
			</p>
		</div>
	</div>
	<!-- 礼品馆 -->
	<div class="gift">
		<img src="images/gift.jpg" alt="">
		<div class="bear_bottom">
			<ul>
				<li>
					<img src="images/tp8_03.png" alt="">
					<p>
						<a href="#">柠檬蜜蛋糕(樱花粉)</a>
					</p>
					<p>NEW</p>
					<p>¥168</p>
					<p>
						<a href="#">加入购物车</a>
					</p>
				</li>
				<li>
					<img src="images/tp8_05.png" alt="">
					<p>
						<a href="#">乐熊熊曲奇礼盒</a>
					</p>
					<p>周周配</p>
					<p>¥128</p>
					<p>
						<a href="#">加入购物车</a>
					</p>
				</li>
				<li>
					<img src="images/tp8_07.png" alt="">
					<p>
						<a href="#">千层蝴蝶酥·For Me（原味）</a>
					</p>
					<p>周周配</p>
					<p>¥98</p>
					<p>
						<a href="#">加入购物车</a>
					</p>
				</li>
			</ul>
			<p>
				<a href="#">更多礼品></a>
			</p>
		</div>
	</div>
	<!-- 页脚 -->
	<div class="footer">
		<div>
			<div class="footer_top">
				<p>
					<i></i><br>
					<a href="#">在线客服</a>
				</p>
				<p>
					<i></i><br>
					<a href="#">微信</a>
				</p>
			</div>
			<p>客服电话：4001-578-578 服务时间（08:30-22:30)</p>
			<ul>
				<li>
					<a href="#">诺心公告</a>
					<span>|</span>
				</li>
				<li>
					<a href="#">诺心公告</a>
					<span>|</span>
				</li>
				<li>
					<a href="#">诺心公告</a>
					<span>|</span>
				</li>
				<li>
					<a href="#">诺心公告</a>
					<span>|</span>
				</li>
				<li>
					<a href="#">诺心公告</a>
					<span>|</span>
				</li>
				<li>
					<a href="#">诺心公告</a>
					<span>|</span>
				</li>
				<li>
					<a href="#">诺心公告</a>
					<span>|</span>
				</li>
				<li>
					<a href="#">诺心公告</a>
				</li>
			</ul>
			<p>诺心食品（上海）有限公司   上海徐汇区田林路140号28号楼503室  客服邮箱：services@lecake.com  公司电话：4001-578-578</p>
			<p>copyright©2010-2017诺心lecake.com版权所有 沪ICP备10211730</p>
		</div>
	</div>
	<script src="script.js"></script>
</body>
</html>